<template>
  <div class="create">
    <h1>创建项目</h1>
    <h3>1.使用命令行创建项目</h3>
    <pre class="terminal">
      vue create [project-name]</pre>
    <pre class="terminal">
      Vue CLI v4.5.8
      ? Please pick a preset: 
        Default ([Vue 2] babel, eslint) 
        Default (Vue 3 Preview) ([Vue 3] babel, eslint) 
      ❯ Manually select features</pre>
    <pre class="terminal">
      ? Check the features needed for your project: 
        ◉ Choose Vue version
        ◉ Babel
        ◉ TypeScript
        ◯ Progressive Web App (PWA) Support
        ◉ Router
        ◉ Vuex
      ❯ ◉ CSS Pre-processors
        ◯ Linter / Formatter
        ◯ Unit Testing
        ◯ E2E Testing</pre>
    <pre class="terminal">
      ? Choose a version of Vue.js that you want to start the project with 
          2.x 
        ❯ 3.x (Preview)</pre>
    <h3>2.使用ui创建项目</h3>
  </div>
</template>

<script lang="ts">
export default {
  name: "VueCli",
};
</script>

<style lang="less" scoped>
  .create {
    padding: 20px;
    height: calc(100vh - 68px);
    overflow-y: scroll;
  }
  .terminal {
    color: #fff;
    background: #000;
    font-size: 20px;
  }
</style>